* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  --theme-color: #000;

  /* font */
  --font-color: #2c3e50;
  --font-active-color: #a7b4cc;
  --minor-font-color: #b4b4bd; // 次要文字
  --subdominant-font-color: #545671; // 次重要文字

  /* background-color */
  --background-color: #f0f0f3;
  --background-card-color: #fcfcfc;
  --background-button-color: #f5f1f1;
  --background-active-color: #eeeeee;
  --background-info-color: rgba(229, 212, 212, 0.2);
  --background-setting-color: #c3c1c1;

  /* box-shadow */
  --box-shadow: -1px -1px 3px #ffffff, 2px 2px 3px rgba(174, 174, 192, 0.4); // neumorphism
  --box-active-shadow: inset -1px -1px 1px #fafafb, inset 1px 1px 2px #e3e3e8; // neumorphism
  --un-box-shadow: inset -1px -1px 1px rgb(255 255 255 / 70%), inset 1px 1px 2px rgb(174 174 192 / 20%);
  --un-box-active-shadow: inset -1px -1px 1px rgb(255 255 255 / 70%), inset 1px 1px 2px rgb(0 0 192 / 20%);

  /* : */
  --hover-background-color: #e1e2e2;
  --border-radius: 5px;

  /* other */
  --assist-color: #00b8d4;
  --loading-color: rgba(240, 240, 243, 0.7);
  --switch-check-color: white;
  --bar-color: rgba(180, 180, 189, 0.1);
  --bar-hover-color: rgba(72, 72, 74, 0.8);


  background: var(--background-color);
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
